<template>
  <!-- 底部 -->
  <div id="container">
    <div class="footer">
      <el-row>
        <el-col :span="6" class="footer-top">
          <img class="footer-img" src="../../assets/images/we_chat.png">
          <p class="footer-img-desc">我的微信</p>
        </el-col>
        <el-col :span="18" class="footer-bottom">
          <p class="footer-bottom-p affirmation">站点声明：</p>

          <p class="footer-bottom-p">1、本站个人博客模板，均为本人设计，个人可以使用，但是未经许可不得用于任何商业目的。</p>

          <p class="footer-bottom-p">2、所有文章未经授权禁止转载、摘编、复制或建立镜像，如有违反，追究法律责任。</p>

          <p class="footer-bottom-p copyright">Copyright © www.zhanxuewei.com All Rights Reserved. 备案号：xxxxxx</p>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
export default {
    name: 'my-footer',
    data () {
        return {}
    },
    methods: {},
    mounted () {
    }
}
</script>

<style scoped>
#container {
  width: auto;
  height: 200px;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  color: #fff;
  background-color: #373d41;
}

.footer {
  margin: 0px 60px 0px 60px;
}

.footer-img {
  width: 100px;
  height: 100px;
  line-height: 100px;
  position: relative;
  left: 50px;
  top: 50px;
}

.footer-img-desc {
  color: #999;
  font-size: 10px;
  font-family: "微软雅黑";
  position: relative;
  left: 50px;
  top: 55px;
}

.footer-bottom {
  text-align: left;
  position: relative;
  left: 20px;
  top: 50px;
}

.footer-bottom-p {
  font-size: 14px;
  font-family: "微软雅黑";
  margin: 0px 0px 8px 0px;
  color: #999;
}

.affirmation {
  color: aqua;
}
</style>
